<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head >
    <meta name="baidu-site-verification" content="U67Xy1Qfos" />
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>zehの功能页</title>
    <link href="../static/css/fliptimer.css" th:href="@{/css/fliptimer.css}" rel="stylesheet" type="text/css" />
    <link href="../static/images/favicon.ico" th:href="@{/images/me.jpg}" rel="icon" type="image/x-ico">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css">
    <link rel="stylesheet" href="../static/lib/editormd/css/editormd.min.css" th:href="@{/lib/editormd/css/editormd.min.css}">
    <link rel="stylesheet" href="../static/css/me.css" th:href="@{/css/me.css}">
    <link  rel="stylesheet"  th:href="@{/css/animate.css}" href="../static/css/animate.css" />

</head>
<!--导航-->
<div th:replace="~{common/foot::topbar}"/>
<!--<nav class="gird-header">-->
<!--    <div class="ui container">-->
<!--        <div class="ui inverted secondary stackable menu">-->
<!--            <h2 class="ui olive header item" style="font-family: STSong">zeh</h2>-->
<!--            &lt;!&ndash;<div class="right m-item item m-mobile-hide">&ndash;&gt;-->
<!--            <a href="#" th:href="@{/}" class="m-item item m-mobile-hide "><i class="home icon"></i>首页</a>-->
<!--            <a href="#" th:href="@{/types/-1}" class="m-item item m-mobile-hide"><i class="clone outline icon"></i>分类</a>-->
<!--&lt;!&ndash;            <a href="#" th:href="@{/archives}" class="m-item item m-mobile-hide"><i class="clock icon"></i>时间轴</a>&ndash;&gt;-->
<!--            <a href="#" th:href="@{/music}" class="m-item item m-mobile-hide"><i class="music icon"></i>音乐盒</a>-->
<!--            <a href="#" th:href="@{/message}" class="m-item item m-mobile-hide"><i class="book icon"></i>留言板</a>-->
<!--            <a href="#" th:href="@{/friends}" class="m-item item m-mobile-hide"><i class="pencil alternate icon"></i>友人帐</a>-->
<!--            <a href="#" th:href="@{/picture}" class="m-item item m-mobile-hide"><i class="image icon"></i>照片墙</a>-->
<!--            <a href="#" th:href="@{/about}" class="  m-item item m-mobile-hide"><i class="info icon"></i>关于我</a>-->
<!--            <a href="#" th:href="@{/function}" class="active m-item item m-mobile-hide"><i class="hand point up outline  icon"></i>功能页</a>-->
<!--            &lt;!&ndash;</div>&ndash;&gt;-->
<!--            <div class="right m-item item m-mobile-hide">-->
<!--                <form name="search" action="#" th:action="@{/search}" method="post" target="_blank">-->
<!--                    <div class="ui icon transparent input m-margin-tb-tiny" style="color: white">-->
<!--                        <input style="color: white" type="text" name="query" placeholder="Search...." th:value="${query}">-->
<!--                        <i onclick="document.forms['search'].submit()" class="search link icon"></i>-->
<!--                    </div>-->
<!--                </form>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--    <a href="#" class="ui menu toggle black icon button m-right-top m-mobile-show">-->
<!--        <i class="sidebar icon"></i>-->
<!--    </a>-->
<!--</nav>-->

<div class="ui m-padded-tb-large" align="center" style="width: 100%;height: 150px ;margin-top: 50px">
    <div class="dowebok">
        <div class="hours"></div>
        <div class="minutes"></div>
        <div class="seconds"></div>
    </div>
</div>



<!--最新推荐-->
<div class="ui m-padded-tb-large">
    <div class="ui m-container-small m-opacity">
        <div class="ui secondary segment " style="margin-top: 50px" align="center">
            <i class="bookmark icon"></i>每日一练
        </div>
    </div>
    <div class="ui stackable m-container-mini m-opacity grid"  >
        <div class="m-margin-tb-tiny four wide column animate__animated  animate__zoomInDown"  th:each="bologfunction : ${functions}" >
            <a href="#" class="class_outer"   style="" th:href="@{${bologfunction.link}}" target="_blank">
                <img src="../static/images/backimg1.jpg" th:src="@{${bologfunction.picture}}"   width="100%" height="280px"  alt="" class="ui rounded image">
                <span class="class_cover" >
                     <h4 class="m-font-size-text-friends m-margin-tb-tiny"  style="color:white;" align="center" th:text="${bologfunction.name}"></h4>
                  </span>
            </a>
        </div>
    </div>
</div>


<!--置顶图标-->
<div id="toolbar" class="m-padded-tb-large m-fixed m-right-bottom" style="display: none">
    <a href="#" class="ui teal icon button"><i class="chevron up icon"></i> </a>
</div>



<br>
<br>
<br>
<!--底部栏-->
<footer class="  segment m-padded-tb-massive m-opacity bg">
  <div class="ui center aligned container bg2 ">
      <span>技术支持：zeh<br>
     欢迎来访！</span>
   </div>
<!--    &lt;!&ndash;容器&ndash;&gt;-->
<!--    <div class="ui center aligned container">-->
<!--        <div class="ui inverted divided stackable grid">-->
<!--            <div class="four wide column">-->
<!--                <div style="font-size: large;font-weight: bold" class="ui inverted m-text-thin m-text-spaced m-margin-top-max" >联系我</div>-->
<!--                <div class="ui inverted link list">-->
<!--                    <div href="#" class="m-text-thin">Email：1272052913@qq.com</div>-->
<!--                    <div href="#" class="m-text-thin">QQ：1272052913</div>-->
<!--                </div>-->
<!--            </div>-->

<!--            <div class="four wide column" >-->
<!--                <div class="ui inverted link list">-->
<!--                    <div class="item">-->
<!--                        &lt;!&ndash;微信二维码&ndash;&gt;-->
<!--                        <div style="font-size: large;font-weight: bold" class="ui inverted m-text-thin m-text-spaced " >关注公众号</div>-->
<!--                        <img src="../static/images/oneStar.jpg" th:src="@{/images/oneStar.jpg}"  class="ui m-margin-top rounded image" alt="" style="width: 110px">-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->

<!--            <div class="four wide column">-->
<!--                <div class="ui inverted link list">-->
<!--                    <div class="item">-->
<!--                        &lt;!&ndash;微信二维码&ndash;&gt;-->
<!--                        <div style="font-size: large;font-weight: bold" class="ui inverted m-text-thin m-text-spaced " >问题交流（QQ群）</div>-->
<!--                        <img src="../static/images/QQ-question.jpg" th:src="@{/images/QQ-question.jpg}"  class="ui m-margin-top rounded image" alt="" style="width: 110px">-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            &lt;!&ndash;博客运行时间统计&ndash;&gt;-->
<!--            <div class="four wide column">-->
<!--                <div style="font-size: large;font-weight: bold" class="ui inverted  m-text-thin m-text-spaced m-margin-top">客栈信息</div>-->
<!--                &lt;!&ndash;<p id="htmer_time" class="item m-text-thin"></p>&ndash;&gt;-->
<!--                <div id="blog-message">-->
<!--                    <div class="ui inverted link list" style="align-content: center;margin-top: 10px" th:fragment="blogMessage">-->
<!--                        <div class="m-text-thin" style="text-align: left;margin-left: 75px;">-->
<!--                            文章总数： <h2 class="ui orange header m-inline-block m-margin-top-null" style="font-size:medium;" th:text="${blogTotal}"> 14 </h2> 篇-->
<!--                        </div>-->
<!--                        <div class="m-text-thin" style="text-align: left;margin-left: 75px">-->
<!--                            访问总数： <h2 class="ui orange header m-inline-block m-margin-top-null" style="font-size:medium;" th:text="${blogViewTotal}"> 14 </h2> 次-->
<!--                        </div>-->
<!--                        <div class="m-text-thin" style="text-align: left;margin-left: 75px">-->
<!--                            评论总数： <h2 class="ui orange header m-inline-block m-margin-top-null" style="font-size:medium;" th:text="${blogCommentTotal}"> 14 </h2> 条-->
<!--                        </div>-->
<!--                        <div class="m-text-thin" style="text-align: left;margin-left: 75px">-->
<!--                            留言总数： <h2 class="ui orange header m-inline-block m-margin-top-null" style="font-size:medium;" th:text="${blogMessageTotal}"> 14 </h2> 条-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="ui inverted section divider"></div>-->
<!--        <div style="color: #F08047;margin-top: -18px" class="ui inverted m-text-thin m-text-spaced">我的客栈已营业：<span id="htmer_time" class="item m-text-thin"></span> (*๓´╰╯`๓)</div>-->
<!--        <a rel="nofollow" href="http://www.beian.miit.gov.cn" target="_blank">赣ICP备20004408号-1</a>-->
<!--    </div>-->
<!--    </div>-->

</footer>
<script src="../static/js/background.js" th:src="@{/js/background.js}"/>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.js"></script>
<script src="../static/lib/waypoints/jquery.waypoints.min.js" th:src="@{/lib/waypoints/jquery.waypoints.min.js}"></script>
<script src="../static/js/jquery-1.11.3.min.js"  th:src="@{/js/jquery-1.11.3.min.js}" ></script>
<script src="../static/js/jquery.fliptimer.js" th:src="@{/js/jquery.fliptimer.js}"></script>

<script>
    $(function(){
        $('.dowebok').flipTimer({
            seconds: true
        });
    });
    // $('#blog-message').load(/*[[@{/footer/blogmessage}]]*/"/footer/blogmessage");
    //

    // 运行时间统计
    function secondToDate(second) {
        if (!second) {
            return 0;
        }
        var time = new Array(0, 0, 0, 0, 0);
        if (second >= 365 * 24 * 3600) {
            time[0] = parseInt(second / (365 * 24 * 3600));
            second %= 365 * 24 * 3600;
        }
        if (second >= 24 * 3600) {
            time[1] = parseInt(second / (24 * 3600));
            second %= 24 * 3600;
        }
        if (second >= 3600) {
            time[2] = parseInt(second / 3600);
            second %= 3600;
        }
        if (second >= 60) {
            time[3] = parseInt(second / 60);
            second %= 60;
        }
        if (second > 0) {
            time[4] = second;
        }
        return time;
    }
    function setTime() {
        /*此处为网站的创建时间*/
        var create_time = Math.round(new Date(Date.UTC(2020, 01, 25, 15, 15, 15)).getTime() / 1000);
        var timestamp = Math.round((new Date().getTime() + 8 * 60 * 60 * 1000) / 1000);
        currentTime = secondToDate((timestamp - create_time));
        currentTimeHtml = currentTime[0] + '年' + currentTime[1] + '天'
            + currentTime[2] + '时' + currentTime[3] + '分' + currentTime[4]
            + '秒';
        document.getElementById("htmer_time").innerHTML = currentTimeHtml;
    }
    setInterval(setTime, 1000);




    $('.menu.toggle').click(function () {
        $('.m-item').toggleClass('m-mobile-show');

    });

    // 显示公众号
    $('.tencent').popup({
        popup : $('.tencent-qr'),
        position: 'bottom center'
    });

    // 显示微信
    $('.wechat').popup({
        popup : $('.wechat-qr'),
        position: 'bottom center'
    });

    // 显示QQ
    $('.qq').popup({
        popup : $('.qq-qr'),
        position: 'bottom center'
    });

    // 显示邮箱
    $('.email').popup();

    // 显示CSDN
    $('.csdn').popup();

    // 显示github
    $('.github').popup();


</script>
</body>
</html>
